.menu{
    width: 20%;
    height: 100%;
    overflow: hidden;
    position: relative;
    /*background-color: #282A37;*/
    background-color: #382417;
}

.menu::before{
    position: absolute;
    top: 328px;
    border-top: 1px dotted #fff;
    background: -webkit-linear-gradient(top, #2c1b0f 0, rgba(44, 28, 17, 0.8) 30%, rgba(56, 36, 23, 0) 98%);
}

.menu::after{
    position: absolute;
    bottom: 0;
    background: -webkit-linear-gradient(bottom, #2c1b0f 0, rgba(44, 28, 17, 0.8) 30%, rgba(56, 36, 23, 0) 98%);
}

.menu::before, .menu::after{
    content: "";
    pointer-events: none;
    position: absolute;
    width: 260px;
    height: 50px;
    z-index: 15;
}

